<template>
    ddd
    <!-- <ec-canvas :id="props.id" :canvas-id="props.id" :force-use-old-canvas="true" :ec='{onInit : initChart}'></ec-canvas> -->
</template>

<script lang="ts" setup>
    // import * as echarts from '../../ec-canvas/echarts';

    // const props = defineProps<{
    //     id:string;
    //     data:number[];
    //     category:string[];
    //     name:string
    // }>()


    // function initChart(canvas, width, height, dpr) {
    //     const chart = echarts.init(canvas, null, {
    //         width: width,
    //         height: height,
    //         devicePixelRatio: dpr // 像素
    //     });

    //     canvas.setChart(chart);


    //     var option = {
    //         tooltip: {
    //             show : false,
    //         },

    //         grid: {
    //             left: 0,
    //             right: 0,
    //             bottom: 0,
    //             top: 10,
    //             containLabel: true
    //         },


    //         xAxis: {
    //             type: 'category',
                
    //             data: props.category
    //         },
    //         yAxis: {
    //             type: 'value',
    //             axisLine : {
    //                 show : true
    //             }
    //         },

    //          series: [
    //              {
    //                 name: props.name,
    //                 type: 'line',
    //                 showSymbol: false,
    //                 data: props.data
    //             }
    //          ]
    //     };

        

    //     chart.setOption(option);

    //     return chart;
    // }
</script>

<style lang="scss">
    .canvas{
        width: 100%;
        height: 500px;
    }
</style>